/* height of the header bar */
@header-bar-height: 75px;
/* the minimum space between the header-bar and the navbar */
@header-top-spacing: 25px;

/* the minimum space betwteen the header and the header-bar */ 
@header-bottom-padding: 25px;

header {
    margin-top: @header-top-spacing;
}
/*.bxtr_wrapper {
    padding-top: 0;@header-top-spacing;
}*/
.header-bottom {
    margin-top: @header-bar-height * -.5;
    padding-top: (@header-bar-height/2) + @header-bottom-padding;
    padding-bottom: @header-bottom-padding;

    background-color: #262626;
    width: 100%;
    margin-bottom: 15px;
}

.header-bottom h1 {
    text-align:center;
    color: #FFFFFF;
    margin: 0 auto;
}

.header-bar {
    height: @header-bar-height;
    background-color: #FFF;
    border-radius: 10px;

    position: relative;
    z-index: 10;
}
@media (min-width: @grid-float-breakpoint) {
    /* the top margin of the header should be compensated if the navbar become fixed-top (floating) */
    /*header {*/
    .bxtr_wrapper {
        padding-top: @navbar-height + @header-top-spacing;
    }
}
.header-user {
    /* Align connect buntton middle left */
    line-height: @header-bar-height;
    text-align: left;
}
.header-user a {
    text-transform: uppercase;
    transition: background 1s ease;
    border: 1px solid transparent;
}

.header-user a:hover {
    text-decoration: none;
    border: 1px solid #D0D0D0;
}

.header-cart {
    text-align: right;
}
